<title>导入项目数据录入</title>

<link rel="stylesheet" href="lib/assets/css/jquery-ui.custom.css"/>
<link rel="stylesheet" href="lib/assets/css/daterangepicker.css"/>
<link rel="stylesheet" href="lib/assets/css/datepicker.css"/>
<link rel="stylesheet" href="lib/assets/css/bootstrap-timepicker.css"/>
<link rel="stylesheet" href="lib/assets/css/daterangepicker.css"/>
<link rel="stylesheet" href="lib/assets/css/bootstrap-datetimepicker.css"/>
<link rel="stylesheet" href="lib/assets/css/colorpicker.css"/>


<div class="page-header">
    <h1>
        导入项目数据录入
    </h1>
</div><!-- /.page-header -->

<div class="row holyContainer">
    <div class="col-xs-12">
        <!-- PAGE CONTENT BEGINS -->
        <!-- 查询表格-->
        <div class="widget-box">
            <div class="widget-header">
                <h4 class="widget-title">查询条件</h4>
            </div>

            <div class="widget-body" style="display: block;">
                <div class="widget-main">
                    <form method="post" id="searchForm">
                        
		                <div class="row">
		                    <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1 col-lg-4 col-lg-push-2">
		                        <div class="space space-4"></div>
		                        <label>部门名</label>
		                        <input name="depName" type="text" id="depName-in-searchForm"
		                               value="*" onfocus="if (value=='*'){value=''}" 
		                               onblur="if (value==''){value='*'}" class="form-control"/>
		
		                        <div class="space space-4"></div>
		                    </div>
		                    <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1 col-lg-4 col-lg-push-2">
		                        <div class="space space-4"></div>
		                        <label>员工编号</label>
		                        <input name="empNo" type="text" id="empNo-in-searchForm"
		                               value="*" onfocus="if (value=='*'){value=''}" 
		                               onblur="if (value==''){value='*'}" class="form-control"/>
		
		                        <div class="space space-4"></div>
		                    </div>
		                </div>
		                
		                <div class="row">
                            <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1 col-lg-4 col-lg-push-2">
                                <div class="space space-4"></div>
                                <label for="date-in-searchForm">月份</label>

                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-calendar bigger-110"></i>
                                    </span>
                                    <input name="date" id="date-in-searchForm" 
                                    	   class="form-control date-picker" type="text"
                                           data-date-format="yyyy-mm" readonly/>
                                </div>
                                <div class="space space-4"></div>
                            </div>
                        </div>
		
		                <!-- 按钮 -->
		                <div class="row">
		                    <div class="col-xs-12 col-md-pull-1 col-lg-pull-2">
		                        <div class="space space-4"></div>
		                        <input type="button" class="btn btn-xs pull-right" 
		                        	   onclick="$('#searchForm')[0].reset()" value="重置"/>
		                        <input type="button" class="btn btn-info btn-xs pull-right"
		                        	   id="importButton" value="录入"/>
		                        <input type="button" class="btn btn-primary btn-xs pull-right"
		                        	   id="searchButton" value="搜索"/>
		                        <!-- TODO  -->
		                        <div class="space space-4"></div>
		                    </div>
		                </div>
		                <!-- /按钮 -->
					</form>
                </div>
            </div>
        </div>
        <!-- /查询表格-->
        <!-- 提示信息 -->
        <div class="alertContainer col-xs-8"></div>
        <!-- /提示信息 -->
        <!-- 分界线 -->
        <div class="hr hr-double hr-dotted hr10"></div>
        <!-- /分界线 -->
        <!-- 结果表格 -->
        <div class="searchResultContainer">
        	<div class="searchResult">
				<form method="post" class="importForm">
					<table id="resultTable" class="table table-striped table-bordered table-hover">
						<thead>
							<tr class="tableHead">
							</tr>
						</thead>
						
						<tbody class="tableRow">
						</tbody>
					</table>
					<input type="hidden" id="depName-in-importForm"/>
					<input type="hidden" id="empNo-in-importForm"/>
					<input type="hidden" id="date-in-importForm"/>
				</form>
			</div>
        </div>
        <!-- /结果表格 -->
        <!-- Modal -->
        <!-- import modal -->
        <div class="modal fade" id="importModal" tabindex="-1" role="dialog" >
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">批量录入</h4>
                    </div>
                    <form id="importModalForm" novalidate>
                        <div class="modal-body" id="importModalFormBody">
                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1">
                                    <div class="space space-4"></div>
                                    <label>部门名</label>
									<select name="depName" id="depName-in-importModal" class="importInput form-control">
										<option value="">选择部门</option>
										<option value="1">东软集团</option>
										<option value="2">东软睿道</option>
									</select>
                                    <div class="space space-4"></div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1">
                                    <div class="space space-4"></div>
                                    <label>岗位名称</label>
                                    <select name="posName" id="posName-in-importModal" class="importInput form-control">
                                    	<option value="">选择岗位</option>
										<option value="1">岗位1</option>
										<option value="2">岗位2</option>
									</select>
                                    <div class="space space-4"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1">
                                    <div class="space space-4"></div>
                                    <label>月份</label>
                                    <input name="month" id="month-in-importModal" 
                                    	   class="importInput form-control date-picker" type="text"
                                           data-date-format="yyyy-mm" readonly/>
                                    <div class="space space-4"></div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="modal-footer">
                            <input type="button" id="confirmButton-in-importModal" class="btn btn-primary" value="确认">

                            <input type="button" id="closeButton-in-importModal" class="btn btn-default" data-dismiss="modal" value="关闭">
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- /import modal -->
        <!-- edit modal -->
        <div class="modal fade" id="editModal" tabindex="-1" role="dialog" >
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">导入项目数据录入</h4>
                    </div>
                    <form id="editModalForm" novalidate>
                        <div class="modal-body" id="editModalFormBody">
                        	<div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1">
                                    <div class="space space-4"></div>
                                    <label>部门名</label>
                                    <input name="depName" id="depName-in-editModal" type="text"
                                           class="form-control" disabled/>

                                    <div class="space space-4"></div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1">
                                    <div class="space space-4"></div>
                                    <label>员工编号</label>
                                    <input name="empNo" id="empNo-in-editModal" type="text"
                                           class="form-control" disabled/>
                                    <div class="space space-4"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1">
                                    <div class="space space-4"></div>
                                    <label>员工姓名</label>
                                    <input name="empName" id="empName-in-editModal" type="text"
                                           class="form-control" disabled/>
                                    <div class="space space-4"></div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1">
                                    <div class="space space-4"></div>
                                    <label>月份</label>
                                    <input name="month" id="month-in-editModal" type="text"
                                           class="form-control" disabled/>
                                    <div class="space space-4"></div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="button" id="confirmButton-in-editModal" class="btn btn-primary" value="确认">

                            <input type="button" id="closeButton-in-editModal" class="btn btn-default" data-dismiss="modal" value="关闭">
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- /edit modal -->
        <!-- /Modal -->
	</div>
</div>

<!-- page specific plugin scripts -->
<script type="text/javascript">
	var scripts = [ null, "lib/assets/js/jquery.validate.js",
					"lib/assets/js/jquery-ui.custom.js",
					"lib/assets/js/jquery.ui.touch-punch.js",
					"lib/assets/js/chosen.jquery.js",
					"lib/assets/js/fuelux/fuelux.spinner.js",
					"lib/assets/js/bootstrap-colorpicker.js",
					"lib/assets/js/jquery.knob.js", 
					"lib/assets/js/jquery.autosize.js",
					"lib/assets/js/jquery.inputlimiter.1.3.1.js",
					"lib/assets/js/jquery.maskedinput.js",
					"lib/assets/js/bootstrap-tag.js", 
					"lib/assets/js/date-time/bootstrap-datepicker.js", 
		            "lib/assets/js/date-time/moment.js", 
		            "lib/assets/js/date-time/daterangepicker.js", null ]
	
	$('.page-content-area').ace_ajax('loadScripts',scripts,function() {
		jQuery(function($) {
			//Date Picker
	        $('.date-picker').daterangepicker({
	            format: 'YYYY-MM',
	            singleDatePicker: true,
	            showDropdowns: true,
	            'applyClass': 'btn-sm btn-success',
	            'cancelClass': 'btn-sm btn-default',
	            locale: {
	                daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
	                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
	                firstDay: 1
	            }
	        }).prev().on('click', function () {
	            $(this).next().focus();

	        });
			
			//Date Range Picker
	        $('input[name=dateRange]').daterangepicker({
	            'applyClass': 'btn-sm btn-success',
	            'cancelClass': 'btn-sm btn-default',
	            format: 'YYYY-MM-DD',

	            locale: {
	                applyLabel: '选择',
	                cancelLabel: '取消',
	                fromLabel: '从',
	                toLabel: '到',
	                daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
	                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
	                firstDay: 1
	            }
	        }).prev().on('click', function () {
	            $(this).next().focus();
	        });
		});
	})
</script>

<script type="text/javascript" src="lib/assets/js/jquery.validate.js"></script>
<script type="text/javascript" src="js/importItemManage.js"></script>